<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>APP</title>
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../css/aui-eg.css" />
	</head>
	<body>
		<div style="padding:50px 50px 0 50px;" class="aui-content">
			<span class="aui-text-pro">举个栗子</span>
			<span class="aui-text-center">select优化菜单</span>
		</div>
		<div class="aui-form">
			<div class="aui-input-row">
				<label class="aui-input-addon">选择菜系</label>
				<input onclick="cuisine(this)" type="text" class="aui-input" placeholder="选择菜系" readonly="readonly"/>
			</div>
			<div class="aui-input-row">
				<label class="aui-input-addon">餐饮娱乐</label>
				<input onclick="collection(this)" type="text" class="aui-input" placeholder="选择餐饮娱乐行业" readonly="readonly"/>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/aui-eg.js"></script>
	<script type="text/javascript">
		apiready = function() {
			api.parseTapmode();
		};
		function cuisine(obj) {
			var textData = ["上海菜", "北京菜", "川菜", "粤菜", "湘菜", "云南菜", "江浙菜", "贵州菜", "东北菜", "西北菜", "湖北菜", "鲁菜", "清真菜", "火锅", "家常菜", "自助餐", "小吃简餐", "东南亚菜", "西餐", "面包甜点", "快餐", "烧烤", "赣菜", "其他", "海鲜", "私家菜", "台湾菜", "杭帮菜", "农家菜", "闽菜", "徽菜", "海南菜", "新疆菜", "土菜", "广西菜", "桂北菜", "日本料理", "韩国料理", "印度菜", "越南菜", "泰国菜"];
			var textDefault = $api.val(obj);
			$aui.bodyMenu({
				modalOpacity : "0.1",
				menuBgColor : "#ffffff",
				menuBgColor2 : "#ececec",
				menuRadius : "0",
				textTitle : "选择菜系",
				titleColor : "#ffffff",
				titleBgColor : "#363636",
				textColor : "#333333",
				activeColor : "#f1c40f",
				activeBgColor : "#f1c40f",
				textAlign : "left",
				textSize : "16",
				textData : textData,
				textDefault : textDefault
			}, function(data) {
				if (data != "-1") {
					$api.val(obj, textData[data]);
				}
			});
		}

		function collection(obj) {
			var textData = ["KTV", "茶馆", "咖啡厅", "网吧", "商务会馆", "户外运动", "乡村休闲", "温泉水浴", "其他餐饮娱乐行业", "特色小吃", "特色名菜", "其他休闲娱乐吧", "文化馆、歌舞剧团", "特色酒吧街", "特色购物街", "特色胡同", "酒吧迪吧", "洗浴按摩", "美容美发", "影剧院", "体育健身场馆"];
			var textDefault = $api.val(obj);
			$aui.bodyMenu({
				modalOpacity : "0.0",
				menuBgColor : "#ffffff",
				menuBgColor2 : "#ececec",
				menuRadius : "5",
				textTitle : "餐饮娱乐行业",
				titleColor : "#ffffff",
				titleBgColor : "#363636",
				textColor : "#333333",
				activeColor : "#f1c40f",
				activeBgColor : "#f1c40f",
				textAlign : "left",
				textSize : "16",
				textData : textData,
				textDefault : textDefault
			}, function(data) {
				if (data != "-1") {
					$api.val(obj, textData[data]);
				}
			});
		}
	</script>
</html>